<template>
	<up-navbar
	            title="活动中心"
	            :autoBack="true"
	        >
	        </up-navbar>
	  <view class="container">
			

		   <view class="middle">
		   	<view class="one">
		   		<view class="image-box" >
		         		<img :src="img"  class="img" alt="" />
		   		</view>
		   		<view class="small-box">
		   				<view style="width: 250px;">活动标题: 化学1988校友反级</view>
		               <view style="width: 250px;">报名时间: 2014-11-4至2015-2-11</view>
					   <view style="width: 250px;">活动时间: 2014-11-4至2015-2-11</view>
		   				<view style="width: 250px; display: flex;">
							地点: 博雅204
						<up-button type="primary" text="确定" style="width: 100px;"></up-button>
							</view>
							
		   			</view>
		   	</view>
		   </view>
	</view>
	
</template>

<script>
	
	
	export default {
		data() {
			return {
				 activeTab: 0,
				 img2:'	https://img.shetu66.com/2023/03/27/1679907039016722.jpg',
				img:'https://img95.699pic.com/photo/60007/1277.jpg_wh860.jpg',
				img1:"https://pic.616pic.com/ys_bnew_img/00/45/41/jqM8BVThCc.jpg"
			}
		},
		onLoad() {
     
		},
		methods: {
        one(){
		 uni.navigateTo({
		   url: '/pages/index/index'
		 });
		},
		two(){
			uni.navigateTo({
			  url: '/pages/index1/index1'
			});
		},
		 three(){
		 uni.navigateTo({
		   url: '/pages/index2/index2'
		 });
		 },
		 fore(){
		 uni.navigateTo({
		   url: '/pages/my-app/my-app'
		 });
		 },
		 switchTab(index) {
		       this.activeTab = index;
		     }
		
		},
	
	}
</script>

<style lang="scss" scoped>
	.container {
	  display: flex;
	  flex-direction: column;
	  height: 100%;
	  margin-top: 90px;
	}
	
	.tab-bar {
	  display: flex;
	  justify-content: space-around;
	  background-color: #f8f8f8;
	  padding: 10px 0;
	  border-top: 1px solid #e0e0e0;
	}
	
	.tab-item {
	  font-size: 16px;
	  color: #999;
	  cursor: pointer;
	}
	
	.tab-item.active {
	  color: #007aff;
	  font-weight: bold;
	}
	
	.tab-content {
	  flex-grow: 1;
	  padding: 20px;
	}
	.tabber{
	  display: flex;
	  justify-content: space-around;
	  position: fixed;
	  bottom: 0;
	  width: 100%;
	  background-color: #fff;
	  border-top: 1px solid #ddd;
	  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
	  padding: 10px 0;
		 
	}
	.last{
	 margin-top: 50px;
	 color: red;
	}
	
	.image-box {
		margin-left: 5px;
	}
	.small-box{
	 width: 100%;
	 display: flex;
	 flex-direction: column;
	 align-items: center;
	 justify-content: space-between;
	}
	.img{
		width: 120px;
	}
	.top-bar{
	 width: 100%;
	 height: 70px;
	display: flex;
	}
	.two{
		margin-left: 9px;
		margin-top: 20px;
	 margin-right: 40px;
	}
	.one{
     width: 100%;
	 height: 130px;
	 display: flex;
	}
	.text-area{
	width: 100%;
	 border: solid black;
	}
	.title{
	 padding-left: 135px;
	}
	image{
		height: 300rpx;
	 width: 300rpx
	}
	.box{
		display: flex;
	}
	.new-box1{
	 margin-right: 50px;
	}
</style>
